*,body{
	margin: 0;
	padding: 0;
}
@mixin top-bar($bc:#FFF,$bs: 0px 1px 0px 0px rgba(0, 0, 0, 0.1)) {
		position: fixed;
		top: 0;
		padding: var(--status-bar-height) 32rpx 0 ;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width:750rpx-32rpx-32rpx;
		height: 88rpx;
		background: $bc;
		box-shadow: $bs;
		z-index: 999;
		// box-sizing: border-box;
		.top-bar-left {
			image {
				width: 68rpx;
				height: 68rpx;
				border-radius: 16rpx;
			}
		}
		
		.top-bar-center {
			text-align: center;
			image {
				width: 88rpx;
				height: 42rpx;
			}
		}
		
		.top-bar-right {
			display: flex;
			padding: 20rpx 0;
			// height: 88rpx;
			box-sizing: border-box;
			align-items: center;
			.search {
				margin-right: 20rpx;
				image {
					width: 52rpx;
					height: 52rpx;
				}
			}
		
			.add {
				image {
					width: 52rpx;
					height: 52rpx;
				}
			}
		}
	}
	
.content{
		padding-top: var(--status-bar-height);
		padding-bottom:18rpx ;
		min-height: 100vh;
		box-sizing: border-box;
	}
	
// 底部按钮
@mixin bottom-bar {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 104rpx;
		box-sizing: border-box;
		padding: 12rpx 32rpx;		
	} 
	 .bottom-btn {
			width: 686rpx;
			height: 80rpx;
			background: #FFE431;
			border-radius: 10rpx;
			text-align: center;
			line-height: 80rpx;
		}